<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MongoDAG</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <link rel="stylesheet" href="/css/bootstrap.css">
        <link rel="stylesheet" href="/css/aos.css">
        <link rel="shortcut icon" href="/imgs/favicon.png" type="image/x-icon">
        <!--[if lt IE 7]><p>您的浏览器版本过低，请升级浏览器获得更好的体验<p><![endif]-->
</head>

<body aos-easing="ease-out-back" aos-duration="1000" aos-delay="0">
    <div class="navbar navbar-inverse navbar-fixed-top" style="background-color: #1E2D4A;">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand hidden-sm" href="/"><img src="/imgs/logo-hd90.png" alt=""></a>
            </div>
            <div class="navbar-collapse collapse" role="navigation" >
                <ul class="nav navbar-nav">
                    <li class="hidden-sm hidden-md"><a data-scroll="" href="/#">Home</a></li>
                    <li><a data-scroll="" href="/#about">About</a></li>
                    <li><a data-scroll="" href="/#feature">Feature</a></li>
                    <li><a data-scroll="" href="/#timeline">Roadmap</a></li>
                    <li><a data-scroll="" href="/#team">Team</a></li>
                    <li><a data-scroll="" href="/#wallet">Wallet</a></li>
                   
                    <li><a data-scroll="" href="/whitebook.html">White_paper</a></li>
					  <li><a class="navbar-brand hidden-sm" href="/" style="margin-left:300px"><img src="/imgs/66.png" alt=""></a></li>
                </ul>

            </div>
			
        </div>
    </div>

    <div class="lazy loadimg" data-original="/imgs/banner01.jpg" style="background-attachment: fixed; min-height: 495px; background-repeat: no-repeat; background-image: url(/imgs/banner01.jpg);">
        <div class="container">
           
            <h1 class="crf99320" style="font-weight: bold;margin-top: 210px;">Realize the ideal of Satoshi Nakamoto. One power one vote</h1>
        </div>
    </div>

    <section id="about">
        <div class="container">
            <div class="row">
                <h2 class="text-center"> About
                    <span ><em>MongoDAG</em></span>
                </h2>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				<div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">New Block-DAG algorithm</h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="/imgs/1.png" alt="">
                        </a>
                    </div>
                    
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="/imgs/2.png" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading">More advanced technology evolution path</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				<div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Better DAG technology model</h5>
                    </div>
                    <div class="media-left">
					
                        <a href="/#">
                            <img  src="/imgs/3.png" alt="">
                        </a>
                    </div>
                    
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left " style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="/imgs/4.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading">Better DAPP development platform</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				 <div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Faster distributed block-DAG platform</h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="/imgs/5.png" alt="">
                        </a>
                    </div>
                   
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="/imgs/6.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading" >Much stronger community consensus feedback to MDG users<br/>community developers, miners, investors</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-6" style="margin-left:-60px">
				  <div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Better anti-ASIC consensus algorithm<br/></h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="/imgs/7.png" alt="">
                        </a>
                    </div>
                  
                </div>
				 <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="/imgs/8.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading">Technical Team from Famous Internet Enterprises</h5>
                    </div>
                </div>
            </div>
			

            <hr style="border-top: 4px solid #f99320;margin-top:40px;margin-bottom:0;width:30%">
        </div>
    </section>


    <!--<section id="about" style="padding-bottom: 4%">
        <div class="container">
            <div class="row">
                <h2 class="text-center"><img src="/imgs/favicon.png" alt="" width="64"> 什么是
                    <span class="crf99320"><em>BHD?</em></span>
                </h2>
            </div>
            <div style="border-radius: 6px;overflow: hidden">
                <video controls="controls" id="video" poster="/imgs/poster.jpg" preload="none" src="/media/bhd-v1.1-2b44a990.mp4" width="100%"></video>
            </div>
        </div>
    </section>-->



    <section id="feature" style="padding-bottom: 8%;background-color: #1E2D4A;color:#ccc">
        <div class="container">
            <div>
                <h2 style=" text-align:center;" >
                    <span  ><em>MongoDAG</em>&nbsp;</span>Characteristic
                </h2>
            </div>
            <div class="clearfix" style="margin-left:60px">
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-once="true" style="font-size: 16px;">
                    <img src="/imgs/huanbao.png" alt="BHD">
                    <p style="margin-top:30px"><b>ASIC：Dynamic consensus </b></p>
                    <p><b></b></p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="100" aos-once="true" style="font-size: 16px;">
                    <img src="/imgs/menkan.png" alt="BHD">
                    <p style="margin-top:30px"><b>（DAG）Base on block-DAG</b></p>
                    <p><b>&nbsp;</b></p>
                </div>
                <div class="col-md-1"></div>
                                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="300" aos-once="true" style="font-size: 16px;">
                    <img src="/imgs/zhongxin.png" alt="BHD">
                    <p style="margin-top:30px"><b>Unlimited transaction speed</b></p>
                    <p><b></b></p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="500" aos-once="true" style="font-size: 16px;">
                    <img src="/imgs/qukuai.png" alt="BHD">
                    <p style="margin-top:30px"><b>Conditional mining, stable market expectations</b></p>
                    <p><b></b>
                    </p>
                </div>
            </div>
			
        </div>
    </section>


<section id="timeline">
    <div class="container" id="time-detail">
        <div style="margin-bottom:-50px">
            <h2 class="text-center"> Timeline</h2>
        </div>
        <div class="clearfix" style="padding-bottom: 2%;">
            <div class="col-md-2 col-sm-3 col-xs-1"></div>
            <div class="col-md-4 text-left col-sm-5 col-xs-5" style="margin-top:95px;padding-left:50px">
                <div style="height:100px;font-size:16px;">
                    <p>Conditional mining function</p>
                </div>
                <div style="height:120px">
				    <p style="text-align:right;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:right;font-size:18px;margin-top:-10px"><b>Q2</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>Dynamic consensus </p>
                </div>
                <div style="height:120px">
				    <p style="text-align:right;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:right;font-size:18px;margin-top:-10px"><b>Q4</b></p>
				</div>
                <div style="font-size:16px;">
                    <p>Provide smart contract function, Delete the whitelist and complete the network of nodes</p>
                </div>
            </div>
            <div class="text-center pull-left" style="padding:0;width: 10px;position: relative;">
                <div style="width: 2px;height:100px"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <img src="/imgs/arrows.png" alt="mongodag" style="position: absolute;bottom: -5px;left: -3px;">
            </div>
            <div class="col-md-4 text-right col-sm-5 col-xs-5" style="margin-top:90px;padding-right:50px">
                <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q1</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>Solve network synchronization problems</p>
                </div>
                <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q3</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>New DAG network structure, Add anonymity mechanism to protect user privacy</p>
                </div>
				 <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2020</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q1</b></p>
				</div>
            </div>
        </div>
    </div>
    <!--<div class="container" id="time-table">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><img src="/imgs/suanfa.png" alt="BHD"> 挖矿算法</h3>
                </div>
                <div class="panel-body">
                    <img src="/imgs/gang.png" alt="BHD"> PoC（Proof of Capacity）容量证明
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><img src="/imgs/canshu.png" alt="BHD"> 技术参数</h3>
                </div>
                <div class="panel-body">
                    <div><img src="/imgs/gang.png" alt="BHD"> 区块大小：8MB</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 出块时间：5分钟</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 重放攻击：双向保护</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 供应总量：2100万枚</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 开发团队：210万枚(10%预挖)</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 推广团队：105万枚(5%)</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 矿工挖矿：1785万枚(85%供矿工)</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 出块时间：5分钟</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 初始块大小：25BHD / Block</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 减半周期：4年</div>
                    <div><img src="/imgs/gang.png" alt="BHD"> 初始TPS：20笔交易/秒</div>
                </div>
            </div>
        </div>
    </div>-->
</section>


<section id="team" style="background-color: rgb(30, 45, 74);color:#fff" >
    <div class="container" id="member">
        <div class="">
            <h2 class="text-center"> Team introduction</h2>
            <div class="text-center"><img src="/imgs/team.png" alt="BHD" class="bhd-img-control"></div>
        </div>
    </div>
</section>

<!--<section class="wallets" id="wallet">
    <div class="container">
        <div>
            <h2><img src="/imgs/download.png" alt="BHD">
                <span class="crf99320"><em>BHD</em></span> 全节点钱包下载</h2>
            <h4>
                更新日期：
                <em class="crf99320" style="padding-right:1%"><b>2019-1-19</b></em><br>
                更新版本：
                <em class="crf99320"><b>v1.2.1.4-db9ce00</b></em>
            </h4>
            <div><img src="/imgs/fixed.png" alt="BHD" style="display: inline-block">
                <div style="display: inline-block;font-size: 12px">
                    <a href="/news1547871609534Z.html">升级钱包为
                        v1.2.1.4-db9ce00 -- 详细请点击</a>
                </div>
            </div>
            <hr style="border-top:1px dashed #ccc">
            <div class="clearfix">
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-win64.tar.gz" download="" style="color:#000;padding: 1px 10px;">
                        <img src="/imgs/windows.png" alt="" style="display: inline-block">
                        <small><em>Windows (64bit)</em></small>
                    </a>
                   
                </div>
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-win32.tar.gz" download="" style="color:#000;padding: 1px 10px;">
                        <img src="/imgs/windows.png" alt="" style="display: inline-block">
                        <small><em>Windows (32bit)</em></small>
                    </a>
                  
				  </div>
            </div>
            <hr style="border-top:1px dashed #ccc">
            <div class="clearfix">
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-x86_64-linux-gnu.tar.gz" download="" style="color:#000;padding: 1px 10px;">
                        <img src="/imgs/linux.png" alt="" style="display: inline-block">
                        <small>
                            <em>Linux PC (64bit)</em>
                        </small>
                    </a>
                  
                </div>
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-aarch64-linux-gnu.tar.gz" download="" style="color:#000;">
                        <img src="/imgs/linux.png" alt="" style="display: inline-block">
                        <small>
                            <em>Linux ARM (64bit)</em>
                        </small>
                    </a>
            
                </div>
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-arm-linux-gnueabihf.tar.gz" download="" style="color:#000">
                        <img src="/imgs/linux.png" alt="" style="display: inline-block">
                        <small>
                            <em>Linux ARM (32bit)</em>
                        </small>
                    </a>
                   
                </div>
            </div>
            <hr style="border-top:1px dashed #ccc">
            <div class="clearfix">
                <div class="col-md-4">
                    <a class="btn btn-warning btn-xs" href="/package/bhd-v1.2.1.4-db9ce00-osx.dmg" download="" style="color:#000;padding-right: 13px;">
                        <img src="/imgs/ios.png" alt="" style="display: inline-block">
                        <small>
                            <em>Mac OS (10.9+)</em>
                        </small>
                    </a>
                   
                </div>
            </div>
            <hr style="border-top:1px dashed #ccc">
            <div>
                <div style="display: inline-block">
                    <div>
                        <img src="/imgs/link.png" alt="miner-burst"> Miner:
                        <a href="https://github.com/JohnnyFFM/miner-burst/releases" target="_blank">
                            https://github.com/JohnnyFFM/miner-burst/releases
                        </a>
                    </div>
                    <div>
                        <img src="/imgs/link.png" alt="TurboPlotter"> Plotter:
                        <a href="https://blackpawn.com/tp/" target="_blank">
                            https://blackpawn.com/tp
                        </a>
                    </div>
                </div>
            </div>
            <hr style="border-top:1px dashed #ccc">
        </div>
    </div>
</section>

<section>
    <div class="container" style="margin-bottom: 5%">
        <div>
            <h2><img src="/imgs/faq.png" alt="BHD"> 关于<span class="crf99320"><em> BHD </em></span>的一些答疑</h2>
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default aos-init aos-animate" aos="fade-right" aos-once="true">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="/#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <b>Q1:&nbsp;</b>为什么选择与Burst共享数据架构？是抄袭Burst的吗？
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                            <b>A1:&nbsp;</b>绿色节能环保的矿业结构是BHD团队的基本愿景，依托于Burst的Plot数据可以在不增加任何硬盘/电力资源浪费的
                            情况下实现早期的容量收集工作，并且在确保网络和交易安全的情况下留出足够的时间来开发新的Plot格式以及文件存储
                            方案。我们并不是对Burst的抄袭，开源代码以后一切关于抄袭的猜测将会不攻自破。
                        </div>
                    </div>
                </div>
                <div class="panel panel-default aos-init aos-animate" aos="fade-right" aos-delay="100" aos-once="true">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="/#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                <b>Q2:&nbsp;</b>BHD是不是开源项目？会在何时开源？
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">
                            <b>A2:&nbsp;</b>BHD是一个开源项目，目前我们还在微调CPOC相关代码，会在CPOC上线并稳定运行后完全开放源代码。
                        </div>
                    </div>
                </div>
                <div class="panel panel-default aos-init aos-animate" aos="fade-right" aos-delay="300" aos-once="true">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="/#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                <b>Q3:&nbsp;</b>BHD可以和Burst双挖吗？
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                            <b>A3:&nbsp;</b>可以的，Burst的出块时间是4分钟，BHD是5分钟，交错出块时间就是为了让两个币种双挖时互不影响。
                        </div>
                    </div>
                </div>
                <div class="panel panel-default aos-init aos-animate" aos="fade-right" aos-delay="500" aos-once="true">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="/#collapseFoure" aria-expanded="false" aria-controls="collapseFoure">
                                <b>Q4:&nbsp;</b>BHD钱包看起来很简陋，像是传统的比特币钱包，后续能添加更复杂的功能吗？
                            </a>
                        </h4>
                    </div>
                    <div id="collapseFoure" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                            <b>A4:&nbsp;</b>BHD团队目前的主要工作是调试CPOC代码以及底层文件存储代码，在目前容量收集阶段使用成熟的比特币钱包
                            代码可以减少代码维护量，提高系统安全性，我们愿意将更多的时间和精力用在更有意义的代码上面。
                        </div>
                    </div>
                </div>
                <div class="panel panel-default aos-init aos-animate" aos="fade-right" aos-delay="700" aos-once="true">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="/#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                <b>Q5:&nbsp;</b>BHD的远景目标和IPFS是否冲突？
                            </a>
                        </h4>
                    </div>
                    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                            <b>A5:&nbsp;</b>IPFS是一个伟大的项目，不过现阶段BHD团队认为并不应该开放文件上传权限给所有人。BHD团队后续主要的
                            应用场景是医疗DNA大数据的存储，院线电影等业内大数据的存储传输，至少在文件存储上线后的短时间内，所有文件
                            上传者都必须要将身份信息上传到BHD区块链，我们认为管控好文件上传这一环节是现有监管政策下的折中选择。
                            BHD团队也会持续关注IPFS完全开放模式带来的优势与风险，必要的时候会对我们的文件存储策略作出调整。做一个
                            简单的比喻，IPFS的模式像eBay，而BHD的目标是做分布式存储产业中的Amazon。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
-->

<section style="height: 40px; background-color: rgb(30, 45, 74); " ></section>

<section id="contact" style="background-color: rgb(30, 45, 74); color: rgb(30, 45, 74); padding: 2% 0px 1%; outline: none;" tabindex="-1">
    <div class="container bhd-footer">
        <div class="row">
            <div class="col-md-3" style="margin-top: 1.6%"><img src="/imgs/logo-hd156.png" alt="mongodag"></div>
            <div class="col-md-3" style="margin-top: 1.6%">
                <p><a href="mailto:master@btchd.org"><img src="/imgs/yx.png" alt=""></a></p>
               
                </p>
            </div>
            <div class="col-md-3" style="margin-top: 1.6%">
               
            </div>
            <div class="col-md-2">
                <img src="/imgs/code.jpg" alt="BHD" width="120" style="vertical-align: top;padding:0;">
            </div>
        </div>
       
       
    </div>
</section>



<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/aos.js"></script>
<script src="/js/jquery.lazyload.min.js"></script>
<script src="/js/index-vender.js"></script>
<script src="/js/collapse.js"></script>
<script src="/js/dropdown.js"></script>
<script>
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });

    var scroll = new SmoothScroll('a[href*="#"]');
    $(function ($) {
        var toTop = $('#toTop');

        $(".lazy").lazyload({effect: "fadeIn", removeClass: "loadimg"});

        toTop.on('click', function () {
            $('html,body').animate({
                scrollTop: 0
            }, 1000);
            event.preventDefault();
        })
        $(window).on('scroll', function () {
            var self = $(window), height = self.height(), top = self.scrollTop();

            if (top > height) {
                if (!toTop.is(':visible')) {
                    toTop.show();
                }
            } else {
                toTop.hide();
            }
        })
    })
</script>


</body></html>